<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="fsvs demo"  xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var $card1_li = $('#card1 ul li');
	$card1_li.click(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
		var index = $card1_li.index(this);
		$('div.card1_box > div').eq(index).show().siblings().hide();
	});	
});
</script>
<body>
<div class="main">
	<div class="top">
    	<div class="top_left"><a href="#"><img width="350" src="images/logo.jpg" /></a></div>
    	<div class="top_right">
        	<p class="top_right_a1">欢迎您，<a href="#">zhangsan</a>，<a href="#">退出</a></p>
            <p class="top_right_a2">您上次登陆的时间是：2016-02-01 09:23:09，您的工作组为：<span class="red">客服-话务组||疑难投诉组</span>，您的状态为：<span class="red">活跃</span></p>
        </div>
    </div>
</div>
<div class="clear"></div>
    
<div class="nav_box">
    <ul id="nav"> 
        <li><a href="#" _fcksavedurl="#">DNA平台</a></li> 
        <li><a href="#" _fcksavedurl="#">插件平台</a></li> 
        <li><a href="#" _fcksavedurl="#">代收付平台</a> 
            <ul> 
                <li><a href="#" _fcksavedurl="#">代付查询</a></li> 
                <li><a href="#" _fcksavedurl="#">收款查询</a></li>
            </ul> 
        </li> 
    </ul> 
</div>

<div class="main">
	
    <div style="text-align:right; margin-top:10px;"><span class="i_btn_green1"><a href="#">新建工单</a></span></div>
    <div id="card1">
        <ul class="card1_menu">
            <li class="selected">我的代办工单</li>
            <li>全部工单</li>
        </ul>
    </div>
    <div class="card1_box">
        <!-- 我的代办工单 -->
        <div style="padding:20px 10px 20px 10px;">
            <table class="s_tab1" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><input class="i_input1" style=" width:140px;" name="" type="text" /></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><input class="i_input1" style=" width:140px;" name="" type="text" /></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><input class="i_input1" style=" width:140px;" name="" type="text" /></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><input class="i_input1" style=" width:140px;" name="" type="text" /></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">接收呼转号码</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>广东省</option>
                    </select></td>
                    <td width="100" class="s_tab1_tle">所在地区</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>广东省</option>
                    </select></td>
                    <td width="100" class="s_tab1_tle">是否认识<br/>交易手机</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>广东省</option>
                    </select></td>
                    <td width="100" class="s_tab1_tle">所在地区</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>广东省</option>
                    </select></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><input class="i_input1" style=" width:140px;" name="" type="text" /></td>
                    <td width="100" class="s_tab1_tle">权限组类别</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>员工</option>
                      <option>管理员</option>
                      <option>员工</option>
                      <option>管理员</option>
                    </select></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><input class="i_input1" style=" width:140px;" name="" type="text" /></td>
                    <td width="100" class="s_tab1_tle">权限组类别</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>员工</option>
                      <option>管理员</option>
                      <option>员工</option>
                      <option>管理员</option>
                    </select></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="400" colspan="3"><input class="i_input1" style=" width:410px;" name="" type="text" /></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="400" colspan="3"><input class="i_input1" style=" width:410px;" name="" type="text" /></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="400" colspan="3"><select class="i_select1" style=" width:410px;">
                      <option>员工</option>
                      <option>管理员</option>
                      <option>员工</option>
                      <option>管理员</option>
                    </select></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="400" colspan="3"><select class="i_select1" style=" width:410px;">
                      <option>员工</option>
                      <option>管理员</option>
                      <option>员工</option>
                      <option>管理员</option>
                    </select></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>广东省</option>
                    </select></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="650" colspan="5"><input class="i_input1" style=" width:680px;" name="" type="text" /></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="150"><select class="i_select1" style=" width:140px;">
                      <option>广东省</option>
                    </select></td>
                    <td width="650" colspan="6"><input class="i_input1" style=" width:790px;" name="" type="text" /></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="900" colspan="7">
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;提交&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;回盘查询&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;财务审核&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;财务录入&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;财务查询&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;代付导出&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;代付查询&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;修改&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;导出&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;查询&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;批量代付提交&nbsp;&nbsp;
                    <input class="i_ckbox1" name="" type="checkbox" value="" />&nbsp;代付导出
                    </td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="400" colspan="3"><textarea class="i_textarea1" style=" width:410px; height:60px;" name="" cols="" rows=""></textarea></td>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="400" colspan="3"><textarea class="i_textarea1" style=" width:410px; height:60px;" name="" cols="" rows=""></textarea></td>
                </tr>
                <tr>
                    <td width="100" class="s_tab1_tle">员工编号</td>
                    <td width="900" colspan="7"><textarea class="i_textarea1" style=" width:950px; height:60px;" name="" cols="" rows=""></textarea></td>
                </tr>
            </table>
            <div class="s_box1_btn">
                <span class="i_btn_blue1"><a href="#">高级搜索</a></span>
                <span class="i_btn_blue1"><a href="#">查询</a></span>
                <span class="i_btn_blue2"><a href="#">导出</a></span>
                <span class="i_btn_red1"><a href="#">修改</a></span>
                <span class="i_btn_yell1"><a href="#">重填</a></span>
                <span class="i_btn_glay1"><a href="#">返回</a></span>
            </div>
            
        </div>
        <!-- 全部工单 -->
        <div style="padding:20px 20px 40px 20px;" class="hide">
        	123124
        </div>
    </div>
    
    <div class="box2">
    	<div class="title1">受理情况</div>
        
        <div style="padding:0 10px 30px 10px;">
        <div class="i_list_t">
            <dl class="i_list_t_left">
                <dd>相关信息结果有18条</dd>
            </dl>
            <dl class="i_list_t_right">
                <dd><a class="i_page_f" href="#">首页</a><a class="i_page1" href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a class="i_page2" href="#">...</a><a href="#">10</a><a class="i_page_y" href="#">尾页</a></dd>
            </dl>
        </div>
        
        <table class="i_tab1" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr class="i_tab1_tle">
                <td align="center" width="20"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center" width="50">修改</td>
                <td align="center" width="50">删除</td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
            <tr class="i_tab1_out"  onmouseover="this.className='i_tab1_over'"  onmouseout="this.className='i_tab1_out'">
                <td align="center"><input class="i_checkbox" name="" type="checkbox" value="" /></td>
                <td>序号</td>
                <td>权限原子名</td>
                <td>所属用户组</td>
                <td>所属类别</td>
                <td>简称</td>
                <td align="center"><a href="#"><i class="fa fa-pencil"></i></a></td>
                <td align="center"><a href="#"><i class="fa fa-close"></i></a></td>
            </tr>
        </table>
        
        <div class="i_list_t">
            <dl class="i_list_t_left">
                <dd>相关信息结果有18条</dd>
            </dl>
            <dl class="i_list_t_right">
                <dd><a class="i_page_f" href="#">首页</a><a class="i_page1" href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a class="i_page2" href="#">...</a><a href="#">10</a><a class="i_page_y" href="#">尾页</a></dd>
            </dl>
        </div>
        <div class="s_box1_btn">
            <span class="i_btn_blue1"><a href="#">查询</a></span>
            <span class="i_btn_blue2"><a href="#">导出</a></span>
            <span class="i_btn_red1"><a href="#">修改</a></span>
            <span class="i_btn_yell1"><a href="#">重填</a></span>
            <span class="i_btn_glay1"><a href="#">返回</a></span>
        </div>
        
        </div>
    </div>
    
    
</div>
<div class="clear" style="height:80px;"></div>

<div class="copyright">
	<div class="main">易联支付有限公司(C)版权所有   |    ICP证： 粤B2-20120038   |    B2-20110256   |    短消息号:[2012]00200-A011</div>
</div>
<div class="bottom">
	<div class="main">
    	<div class="bottom_left"><a href="#"><img src="images/b_logo.jpg" /></a></div>
    	<div class="bottom_right">中国人民银行支付业务许可证号：Z2006444000010</div>
    </div>
</div>
</body>
</html>